<style scoped>
.all-my-file-list {
  max-width: 900px;
  margin: 40px auto;
  padding: 32px 28px 28px 28px;
  background: linear-gradient(135deg, #232526 0%, #414345 100%);
  border-radius: 18px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
  border: 1px solid rgba(255,255,255,0.08);
}

.el-card {
  background: rgba(30, 34, 44, 0.95) !important;
  border-radius: 16px;
  box-shadow: 0 4px 24px 0 rgba(0,0,0,0.12);
  border: none;
}

h2 {
  color: #00eaff;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 18px;
  font-size: 2rem;
  text-shadow: 0 2px 8px rgba(0,234,255,0.12);
}

.el-space {
  margin-bottom: 18px;
  gap: 12px !important;
}

.el-text[type="success"] {
  color: #00eaff !important;
  font-weight: 600;
  font-size: 1.1rem;
}

.el-button {
  border-radius: 8px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px 0 rgba(0,234,255,0.08);
}
.el-button--primary {
  background: linear-gradient(90deg, #00eaff 0%, #005bea 100%) !important;
  border: none !important;
  color: #fff !important;
}
.el-button--primary:hover {
  background: linear-gradient(90deg, #005bea 0%, #00eaff 100%) !important;
}
.el-button--danger {
  background: linear-gradient(90deg, #ff416c 0%, #ff4b2b 100%) !important;
  border: none !important;
  color: #fff !important;
}
.el-button--danger:hover {
  background: linear-gradient(90deg, #ff4b2b 0%, #ff416c 100%) !important;
}
.el-button--warning {
  background: linear-gradient(90deg, #f7971e 0%, #ffd200 100%) !important;
  border: none !important;
  color: #232526 !important;
}
.el-button--warning:hover {
  background: linear-gradient(90deg, #ffd200 0%, #f7971e 100%) !important;
}

.el-upload .el-button {
  background: linear-gradient(90deg, #00eaff 0%, #005bea 100%) !important;
  color: #fff !important;
}

.el-form.inline, .File-list {
  margin: 18px 0 10px 0;
  background: rgba(255,255,255,0.01);
  border-radius: 10px;
  padding: 12px 18px 0 18px;
  box-shadow: 0 2px 8px 0 rgba(0,234,255,0.04);
}

.el-form-item {
  margin-right: 18px !important;
  margin-bottom: 12px !important;
}

.el-input, .el-select {
  background: rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  border: 1px solid #00eaff22 !important;
  color: #fff !important;
}
.el-input__inner, .el-select__inner {
  background: transparent !important;
  color: #fff !important;
}

.el-table {
  background: rgba(30, 34, 44, 0.98) !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px 0 rgba(0,234,255,0.08);
}
.el-table th, .el-table td {
  background: transparent !important;
  color: #e0eaff !important;
  border-bottom: 1px solid #00eaff22 !important;
}
.el-table th {
  color: #00eaff !important;
  font-weight: 700;
  background: rgba(0,234,255,0.08) !important;
}
.el-table__body tr:hover > td {
  background: rgba(0,234,255,0.08) !important;
}

.el-table-column--index {
  color: #00eaff !important;
}

.el-pagination {
  background: rgba(30, 34, 44, 0.95);
  border-radius: 8px;
  padding: 8px 18px;
  box-shadow: 0 2px 8px 0 rgba(0,234,255,0.04);
  margin-top: 24px;
}

.el-pagination .el-pager li {
  background: transparent !important;
  color: #00eaff !important;
  border-radius: 6px;
  font-weight: 600;
}
.el-pagination .el-pager li.active {
  background: linear-gradient(90deg, #00eaff 0%, #005bea 100%) !important;
  color: #fff !important;
}

.no-files {
  color: #aaa;
  font-style: italic;
  text-align: center;
  margin: 32px 0 0 0;
  font-size: 1.1rem;
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 8px;
  background: #232526;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #00eaff 0%, #005bea 100%);
  border-radius: 8px;
}
</style> 